@import './_variables.scss';

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  line-height: 1.5;
  color: $--color-text-primary;
  background-color: $--background-color-base;
  -webkit-font-smoothing: antialiased;
}

a {
  color: $--color-primary;
  text-decoration: none;
}

#app {
  min-height: 100vh;
}

.el-button {
  transition: all 0.3s;
}

// 覆盖Element Plus默认样式
.el-button--primary {
  background-color: $--color-primary;
  border-color: $--color-primary;
  
  &:hover {
    background-color: $--color-primary-light-1;
    border-color: $--color-primary-light-1;
  }
  
  &:active {
    background-color: $--color-primary-light-2;
    border-color: $--color-primary-light-2;
  }
}

.el-tabs__item.is-active {
  color: $--color-primary;
}

.el-tabs__active-bar {
  background-color: $--color-primary;
}

.el-input__inner:focus {
  border-color: $--color-primary;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: $--color-primary;
  border-color: $--color-primary;
}

.el-radio__input.is-checked .el-radio__inner {
  background-color: $--color-primary;
  border-color: $--color-primary;
}

.el-link.el-link--primary {
  color: $--color-primary;
}